<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <a href="p5.html">点我跳转至今天的第五个页面</a>
    <br>
    <a href="http://www.baidu.com">百度一下</a>
    <br>
    <a href="http://www.tedu.com">达内</a>
    <hr>
    <a href="http://www.tedu.com">
        <img src="1.png" width="200px">
    </a>
    <br>
    <!--  页面打开方式:_blank打开新的空白页 _self刷新当前页   -->
    <a href="http://www.baidu.com" target="_blank">百度一下</a>
    <a href="http://www.baidu.com" target="_self">百度一下</a>
    <hr>
    <!-- 锚点 -->
    <h1>西游记</h1>
    <a href="#c1">章节一</a>
    <a href="#c2">章节二</a>
    <a href="#c3">章节三</a>
    <a href="#c4">章节四</a>
    <h3 id="c1">第一章 石猴出世</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias animi architecto aspernatur consequuntur dolor ea earum, illum maiores omnis quisquam rerum similique sint, sit temporibus veritatis. Assumenda culpa delectus itaque!</span><span>Aperiam, commodi, ea eius iure laborum nulla, officia perferendis quia quo sed tempore ut voluptas voluptatum. Atque dicta eos est eum incidunt labore libero nihil nisi porro quam quis, quo.</span><span>A aspernatur blanditiis porro quisquam ut. Ab culpa, deleniti dolores ducimus id ipsam iure laudantium minima mollitia nam nostrum, officia placeat quibusdam quisquam quos repudiandae ut velit? Fugiat, possimus similique.</span><span>A distinctio neque totam! Beatae consequatur, cum cupiditate dicta dolor ducimus laudantium libero minima necessitatibus nihil nobis officia optio provident quae ratione repudiandae sapiente similique sint ullam, vero vitae voluptates.</span><span>Doloribus laborum sequi veritatis. Alias aperiam atque consectetur debitis dolorem ipsa iure voluptates. Ad alias aspernatur fuga neque perspiciatis quia? Architecto est facere odio quis? Accusamus impedit laborum quam voluptatum!</span><span>Accusantium amet aspernatur beatae commodi dolore dolores earum enim eos facere laudantium necessitatibus, odio officia porro praesentium quae, quas quasi quod ratione, rem repellat sapiente sint totam vitae voluptas voluptatum.</span><span>Consectetur distinctio dolorem error soluta voluptatum. Alias blanditiis dolorum, eaque et excepturi illo ipsum iure magnam minus molestias nam nesciunt non, pariatur quam quia, quo repudiandae sapiente sequi suscipit voluptatem?</span><span>Accusamus accusantium alias cum dolor dolores ea esse, excepturi fugiat fugit illum iste labore libero nostrum numquam officia officiis omnis placeat porro quam quia, quod quos similique vel veniam voluptatem?</span><span>A beatae esse explicabo odit perferendis quis quos reprehenderit voluptas voluptatum. Alias atque commodi culpa, dicta dolor dolore dolorem, ducimus et inventore itaque quasi quibusdam quisquam rem sequi voluptatibus, voluptatum?</span><span>At autem id iste labore maxime mollitia, nam officiis sit vel. Ab aut consequuntur deleniti expedita fugit harum hic illo laboriosam minima molestias nesciunt nobis quae repellat, repudiandae veritatis voluptas.</span>
    </p>
    <h3 id="c2">第二章 蓬莱学艺</h3>
    <h3 id="c3">第三章 龙宫借宝</h3>
    <h3 id="c4">第四章 改生死簿</h3>
    <a href="#">快速返回顶部</a>
</body>
</html>